<template>
    <div class="main-container">
        <div style="background-color: #fff; height:100%">
            <a-tabs   :lazy-load="true" justify type="card" @change="tabsChange">
                <a-tab-pane key="1" title="转仓单列表">
                    <div style="height: 100%">
                        <SpecialReceiptList></SpecialReceiptList>
                    </div>
                </a-tab-pane>
                <a-tab-pane key="2" title="调拨单列表">
                    <div style="height: 100%">
                        <StockTransferList></StockTransferList>
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>

<script lang="ts">
import emitter from '@/hooks/useEventBus'
import SpecialReceiptList from './components/SpecialReceiptList.vue'
import StockTransferList from './components/StockTransferList.vue'
export default{
    name:'Special',
    setup(){
        
        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')
        }
        return {
            tabsChange
        }
    },
    components:{
        SpecialReceiptList,
        StockTransferList
    }

}
</script>

<style scoped>
.main-container {
    height: 100%;
}
</style>